import {
  ElButton,
  ElProgress,
  ElLoading,
  ElMessage,
  ElMessageBox,
  ElNotification,
  ElInfiniteScroll,
  ElScrollbar
} from 'element-plus'
import type { App } from 'vue'
import 'element-plus/theme-chalk/index.css'
const components = [ElButton, ElProgress]
const plugins = [ElLoading, ElMessage, ElMessageBox, ElNotification, ElInfiniteScroll, ElScrollbar]

export default (app: App) => {
  components.forEach((component: any) => {
    app.component(component.name, component)
  })
  plugins.forEach((plugin) => {
    app.use(plugin)
  })
}
